{layout name="common/layout"/}

<style>
  .section_2_bg .swiper img {
    height: 250px;
    object-fit: contain;
  }
  .about_cont .section_2_bg {
    padding: 50px 0 133px;
  }
  .about_cont .section_1_bg {
    padding: 65px 0 50px;
  }
  .about_cont .title::after {
    background: #12257c;
  }
  .about_cont .section_1 .cont .left .name {
    color: #12257c;
  }
  .about_cont .swiper-slide {
    border-radius: 5px;
  }
</style>
<div class="public_banner">
  <div class="img w100 h100">
    <img src="__ADDON__/xnr/image/banner_19.jpg" class="w100 h100" alt="" />
  </div>
  <div class="ban_cont w1300">
    <!--            <div class="title">关于我们</div>-->
    <!--            <div class="title_en">about us</div>-->
  </div>
</div>
<div class="about_cont">
  <div class="section_1_bg">
    <div class="section_1 w1300">
      <div class="title">公司简介</div>
      <div class="subhead">COMPANY INTRODUCTION</div>
      <div class="cont">
        <div class="list disflex flex_lmr flex_center">
          <div class="left">
            <div class="name">浙江欣挪瑞海洋科技有限公司</div>
            <div class="name_en">
              ZHEJIANG SUNGLORY OCEAN TECHNOLOGY CO., LTD.
            </div>
            <div class="text">
              浙江欣挪瑞海洋科技有限公司自成立以来，一直聚焦于船舶及海洋领域。公司拥有稳定的研发队伍，专注于电子海图引擎及船舶智能操作系统等行业基础软件的研发，以“让每一艘船舶都有一个智慧大脑”的使命，秉承“求实、创新、协同、共享”的价值观，致力于打造船舶及海洋数字化、智能化生态圈，为智能船舶的发展赋能，推动我国高端船舶产业的发展。
            </div>
          </div>
          <div class="right">
            <img
              src="__ADDON__/xnr/image/banner_20.jpg"
              class="w100 h100 middle"
              alt=""
            />
          </div>
        </div>
        <div class="list disflex flex_lmr flex_center">
          <div class="right">
            <img
              src="__ADDON__/xnr/image/banner_21.jpg"
              class="w100 h100 middle"
              alt=""
            />
          </div>
          <div class="left">
            <div class="text">
              公司2019年被评选为舟山市“5313”企业；2021年被评为浙江省科技型中小企业，同年获得了战略投资方的天使投资，2022年被认定为欣挪瑞智能船舶市级企业研究开发中心。当前拥有知识产权20多项。
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="section_2_bg">
    <div class="section_2 w1300">
      <div class="title">公司荣誉</div>
      <div class="subhead">Corporate Honors</div>
      <div class="swiper">
        <div class="swiper-wrapper">
          {cms:blocklist id="item" name="hon" orderby="weigh"}
          <div class="swiper-slide">
            <img src="{$item.image}" class="w100 h100" alt="" />
          </div>
          {/cms:blocklist}
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  var mySwiper = new Swiper(".swiper", {
    autoplay: true, //可选选项，自动滑动
    loop: true,
    spaceBetween: 50,
    slidesPerView: 3,
    breakpoints: {
      300: {
        //当屏幕宽度大于等于320
        loopedSlides: 2,
        slidesPerView: "2",
        spaceBetween: 5,
      },
      600: {
        //当屏幕宽度大于等于320
        loopedSlides: 3,
        slidesPerView: "3",
        spaceBetween: 5,
      },
      768: {
        //当屏幕宽度大于等于768
        loopedSlides: 3,
        slidesPerView: "3",
        spaceBetween: 3,
        spaceBetween: 20,
      },
      1367: {
        //当屏幕宽度大于等于1280
        loopedSlides: 3,
        slidesPerView: "3",
      },
    },
  });
</script>
